/*修改后的解决方案*/
.col-xs-4,.col-sm-4,.col-lg-4 {
    width: 33.33333333%;
}

.col-xs-4,.col-sm-4,.col-lg-4,.col-xs-3,.col-sm-3,.col-lg-3 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-3,.col-sm-3,.col-lg-3 {
    width: 33.3333333%;
}

.page-row:after {
    content: "";
    display: table;
    clear: both;
}

.page-container {
    width: 95%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.solution-item a {
    display: block;
    position: relative;
}

.solution-item {
    width: 100%;
    height: 400px;
    /*padding-bottom:70%;*/
}

.background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.solution-list .solution-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.solution-item .box .cont {
    /*top:70%;*/
}

/*案例*/
.case-container {
    padding-top: 50px;
}

.transition {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.case-list-box {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 20px;
}

.case-list-box img {
    max-width: 100%;
    display: block;
    height: auto;
}

.case-list-box h3 {
    font-size: 19px;
    margin-bottom: 7px;
}
.case-list-box p {
    margin-bottom: 10px;
    min-height: 50px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.case-list-box:hover {
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.3);
    box-shadow: 0 0 30px rgba(0,0,0,.3);
}

.case-info a {
    font-size: 14px;
}

.case-info {
    background-color: white;
    padding: 15px;
}

.contact-info {
    margin-top: 80px;
}

.contact-one {
    padding-top: 50px;
    padding-bottom: 50px;
}

.contact-box {
}

.contact-box .cont {
}

.contact-box .pic {
}

@media (max-width:1200px){
.case-list-box h3 {
    font-size: 17px;
}
.case-list-box p {
    font-size: 11px;
    line-height: 17px;
    min-height: 34px;
}

}


@media (max-width:900px){
.col-xs-4, .col-sm-4, .col-lg-4 {
width:50%;
padding-left: 7px;
padding-right: 7px;
}
.pt-80 {padding-top: 40px;}
.pb-100 {padding-bottom:50px;}
.case-info {padding: 7px;}
.case-list-box h3 {
    font-size: 14px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.case-list-box p {
    font-size: 10px;
    line-height: 17px;}

.more {font-size:11px;}
.page-banner .pb-tit .en {
    font-size: 18px;}
.page-banner .pb-tit .cn {
    font-size: 11px;}
.page-banner .pb-tit span {line-height:0;}
.page-banner .pb-tit.center {
    top: 37%;
    margin-top: 0;}

.case-container {
    padding-top: 20px;
}
}